.content {
	padding: 25rpx;

	.header {
		background-color: #d33123;
		border-radius: 16rpx;
		padding: 50rpx 30rpx;

		.info {
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left {
				display: flex;

				.avatar {
					width: 90rpx;
					height: 90rpx;
					border-radius: 100%;
				}
				.name-phone {
					margin-left: 20rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					.name {
						font-size: 27rpx;
						color: #fff;
					}
					.phone {
						font-size: 30rpx;
						color: #ffffff;
					}
				}
			}

			.right {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;

				.detail {
					border: 2rpx solid #ffffff;
					color: #ffffff;
					padding: 8rpx;
					border-radius: 8rpx;
					font-size: 20rpx;
					padding: 4rpx 12rpx;
				}

				.toggle {
					margin-top: 8rpx;
					width: 80rpx;
					display: flex;
					justify-content: center;
				}
			}
		}

		.money_box {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1rpx solid rgba(255, 255, 255, 0.12);
			padding-top: 50rpx;
			margin-top: 50rpx;

			.item {
				font-size: 28rpx;
				color: #ffffff;
				text-align: center;

				.label {
					margin-bottom: 10rpx;
					font-size: 24rpx;
				}
				.val {
					font-size: 35rpx;
				}
			}
		}
	}

	.tabs {
		margin-top: 30rpx;
		background-color: #ffffff;
		border-radius: 15rpx;
		padding: 20rpx 0;

		.tab {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20rpx;
			.left {
				display: flex;
				align-items: center;

				.tab_icon {
					width: 50rpx;
					height: 50rpx;
				}

				.name {
					font-size: 28rpx;
					background-color: #ffffff;
					margin-left: 10rpx;
					color: #292b2e;
				}
			}
		}
	}
}
